import React from 'react';
import style from './index.module.scss';
import logo from '@/assets/img/logo.png';
import { Form, Input, Button, Checkbox } from 'antd';
const layout = {
  labelCol: { span: 8 },
  wrapperCol: { span: 13 },
};
const tailLayout = {
  wrapperCol: { offset: 17 },
};
/**
 * 登陆页面
 */
export default class login extends React.Component {
  onFinish() {}
  onFinishFailed() {}
  render() {
    return (
      <div className={style.app}>
        <div className={style.login_main}>
          <div className={style.login_main_header}>
            <img className={style.login_main_header_logo} src={logo} alt="" />
            <h2 className={style.login_main_header_name}>牧原销售管理平台</h2>
          </div>
          <div className={style.login_main_des}>死磕现场抓细节，成本领先铸根基!</div>
          <div className={style.login_main_content}>
            <div className={style.login_main_content_left}></div>
            <div className={style.login_main_content_right}>
              <Form
                {...layout}
                name="basic"
                initialValues={{ remember: true }}
                onFinish={() => this.onFinish}
                onFinishFailed={() => this.onFinishFailed}
              >
                <Form.Item
                  label="账号"
                  name="username"
                  rules={[{ required: true, message: 'Please input your username!' }]}
                >
                  <Input />
                </Form.Item>
                <Form.Item
                  label="密码"
                  name="password"
                  rules={[{ required: true, message: 'Please input your password!' }]}
                >
                  <Input.Password />
                </Form.Item>

                <Form.Item {...tailLayout}>
                  <Button type="primary" htmlType="submit">
                    Submit
                  </Button>
                </Form.Item>
              </Form>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
